<!--
author: W3layouts
author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>果蔬全产业链条追溯云平台</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Lucrative Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //js -->
<!-- pop-up-box -->
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
<!-- //pop-up-box -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- <link href="//fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900&amp;subset=latin-ext" rel="stylesheet">
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'> -->
</head>

<body>
<!-- header -->
	<div class="header">
		<div class="container">
			<div class="agile_header_grid">
				<div class="w3_agile_logo">
					<h1><a href="index.html"><span>果蔬</span>全产业链条追溯云平台</a></h1>
				</div>
				<div class="agileits_w3layouts_sign_in">
					<ul>
						<li><a href="#small-dialog" class="play-icon popup-with-zoom-anim">登录</a></li>
						<li>投诉邮箱 <span>xxxxxxxxx</span></li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="w3_agileits_nav">
				<nav class="navbar navbar-default">
					<div class="navbar-header navbar-left">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
					</div>
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
						<nav>
							<ul class="nav navbar-nav">
								<li class="active"><a href="index.html">首页</a></li>
								<li><a href="test1.html" class="hvr-sweep-to-bottom">查询系统</a></li>

								<li><a href="admin/table.html" class="hvr-sweep-to-bottom">后台管理</a></li>
								<li><a href="portfolio.html" class="hvr-sweep-to-bottom">了解更多</a></li>
								<li><a href="contact.html" class="hvr-sweep-to-bottom">Contact</a></li>
							</ul>
							<div class="agileinfo_search">
								<form action="#" method="post">
									<input type="text" name="搜索" placeholder="Type text here..." required="">
									<input type="submit" value=" ">
								</form>
							</div>
						</nav>
					</div>
				</nav>
			</div>
		</div>
	</div>
<!-- //header -->
<!-- pop-up-box -->



	<div id="small-dialog" class="mfp-hide w3ls_small_dialog wthree_pop">
		<h3 class="agileinfo_sign">登录</h3>
		<div class="agileits_signin_form">

				<input type="email" name="email" id="inp3" placeholder="请输入邮箱/电话" >
				<input type="password" name="password" id="inp4" placeholder="请输入密码" >
				<div class="agile_remember">
					<div class="agile_remember_left">
						<div class="check">
							<label class="checkbox"><input type="checkbox" name="checkbox"><i> </i>记住密码</label>
						</div>
					</div>
					<div class="agile_remember_right">
						<a href="#">忘记密码？</a>
					</div>
					<div class="clearfix"> </div>
				</div>
				<button  id="btn2" >确认登录</button>
				<p>没有账号？<a href="#small-dialog1" class="play-icon popup-with-zoom-anim">点击注册</a></p>
				<div class="w3agile_social_icons">
					<ul>
						<li class="wthree_follow">其他登录方式 :</li>
						<li><a href="#" class="w3_agile_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
						<li><a href="#" class="agile_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
						<li><a href="#" class="w3_agile_dribble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
					</ul>
				</div>

		</div>
	</div>
	<script type="text/javascript">
$('#btn2').click(function(){
    var inp3 = document.getElementById("inp3").value;
	 var inp4 = document.getElementById("inp4").value;
       var url="login.php";
       var data={"num3":inp3,"num4":inp4};
       var success=function(response){
       	window.location.href='admin/table.html';
// if(inp3==response['username']&&inp4==response['password']){
// 	window.location.href='admin/table.html';
// }else{
// 	alert("登录失败");
// }
        


       }

       $.post(url,data,success,"json");
});
</script>

	<div id="small-dialog1" class="mfp-hide w3ls_small_dialog wthree_pop">
		<h3 class="agileinfo_sign">注册账号</h3>
		<div class="agileits_signin_form">
<!--			<form action="#" method="post">-->
				<input type="text" name="name" id="inp1" placeholder="请输入用户名" >
				<input type="email" name="email" placeholder="请输入你的邮箱" >
				<input type="password" name="password" id="inp2" placeholder="请输入密码" >
				<input type="password" name="password" placeholder="请确认密码" >
				<button  id="btn" >注册</button>

				<p>已有账号<a href="#small-dialog" class="play-icon popup-with-zoom-anim">登录</a></p>
				<div class="w3agile_social_icons">
					<ul>
						<li class="wthree_follow">其他登录方式：</li>
						<li><a href="#" class="w3_agile_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
						<li><a href="#" class="agile_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
						<li><a href="#" class="w3_agile_dribble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
					</ul>
				</div>
<!--			</form>-->
		</div>
	</div>
	<script type="text/javascript">
    $('#btn').click(function(){
    var inp1 = document.getElementById("inp1").value;
	 var inp2 = document.getElementById("inp2").value;
       var url="register.php";
       var data={"num1":inp1,"num2":inp2};
       var success=function(response){

         alert("注册成功！");

       }

       $.post(url,data,success,"json");
});
</script>
<!-- //pop-up-box -->
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<script>
	$(document).ready(function() {
	$('.popup-with-zoom-anim').magnificPopup({
		type: 'inline',
		fixedContentPos: false,
		fixedBgPos: true,
		overflowY: 'auto',
		closeBtnInside: true,
		preloader: false,
		midClick: true,
		removalDelay: 300,
		mainClass: 'my-mfp-zoom-in'
	});

	});
</script>
<!-- banner -->
	<div class="banner">
		<div class="container">
			<h2>we generate most valuable <span>idea</span></h2>
			<p>Creative agency for your design needs</p>
			<div class="wthree_banner_grids">
				<div class="col-md-3 wthree_banner_grid">
					<i class="fa fa-desktop" aria-hidden="true"></i>
					<h4>customized solution</h4>
				</div>
				<div class="col-md-3 wthree_banner_grid">
					<i class="fa fa-money" aria-hidden="true"></i>
					<h4>Minimal Cost</h4>
				</div>
				<div class="col-md-3 wthree_banner_grid">
					<i class="fa fa-users" aria-hidden="true"></i>
					<h4>professional team</h4>
				</div>
				<div class="col-md-3 wthree_banner_grid">
					<i class="fa fa-clock-o" aria-hidden="true"></i>
					<h4>Quick Results</h4>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="agileits_more">
				<ul>
					<li><a href="#" class="w3ls_banner_more hvr-icon-hang">Use it for free</a></li>
					<li><a href="#" class="hvr-icon-hang" data-toggle="modal" data-target="#myModal">Learn More</a></li>
				</ul>
			</div>
		</div>
	</div>
<!-- //banner -->
<!-- bootstrap-pop-up -->
	<div class="modal video-modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					Lucrative
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				</div>
				<section>
					<div class="modal-body">
						<img src="images/banner.jpg" alt=" " class="img-responsive" />
						<p>Ut enim ad minima veniam, quis nostrum
							exercitationem ullam corporis suscipit laboriosam,
							nisi ut aliquid ex ea commodi consequatur? Quis autem
							vel eum iure reprehenderit qui in ea voluptate velit
							esse quam nihil molestiae consequatur, vel illum qui
							dolorem eum fugiat quo voluptas nulla pariatur.
							<i>" Quis autem vel eum iure reprehenderit qui in ea voluptate velit
								esse quam nihil molestiae consequatur.</i></p>
					</div>
				</section>
			</div>
		</div>
	</div>
<!-- //bootstrap-pop-up -->
<!-- banner-bottom -->
	<div class="banner-bottom">
		<div class="container">
			<div class="col-md-8 w3l_banner_bottom_left">
				<h3>Our Design and development</h3>
				<p>Integer et feugiat elit. Nullam at turpis vel sapien aliquam feugiat vitae vitae mi.
					Donec scelerisque, justo vel blandit tempor, quam tellus blandit lectus, ut viverra leo
					velit et quam. Phasellus viverra et quam efficitur rhoncus sollicitudin.
					Etiam ultricies mauris et dapibus molestie. Suspendisse bibendum ex sit amet
					tellus finibus ultrices. Sed velit urna, faucibus at gravida ut, aliquam ut purus.
					<span>Donec porttitor neque sed mauris sagittis, a auctor enim porta.
						Sed tristique sollicitudin orci. Vivamus vulputate nunc id nulla elementum,nec vehicula ipsum ullamcorper.</span></p>
			</div>
			<div class="col-md-4 w3l_banner_bottom_right">
				<img src="images/1.jpg" alt=" " class="img-responsive" />
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
<!-- //banner-bottom -->
<!-- two-grids -->
	<div class="two-grids">
		<div class="col-md-6 w3_two_grid_left">
			<img src="images/2.jpg" alt=" " class="img-responsive" />
		</div>
		<div class="col-md-6 w3_two_grid_right">
			<h3>make your business success with us</h3>
			<p class="w3layouts_dummy_para">Phasellus viverra et quam efficitur rhoncus sollicitudin.
				Etiam ultricies mauris et dapibus molestie.</p>
			<div class="w3_two_grid_right1">
				<div class="col-xs-3 w3_two_grid_right_grid">
					<div class="w3_two_grid_right_grid1">
						<i class="fa fa-thumbs-up" aria-hidden="true"></i>
					</div>
				</div>
				<div class="col-xs-9 w3_two_grid_right_gridr">
					<h4>Project Management</h4>
					<p>Suspendisse bibendum ex sit amet tellus finibus ultrices.</p>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="w3_two_grid_right1">
				<div class="col-xs-3 w3_two_grid_right_grid">
					<div class="w3_two_grid_right_grid1">
						<i class="fa fa-building" aria-hidden="true"></i>
					</div>
				</div>
				<div class="col-xs-9 w3_two_grid_right_gridr">
					<h4>Design & Development</h4>
					<p>Suspendisse bibendum ex sit amet tellus finibus ultrices.</p>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="w3_two_grid_right1">
				<div class="col-xs-3 w3_two_grid_right_grid">
					<div class="w3_two_grid_right_grid1">
						<i class="fa fa-wrench" aria-hidden="true"></i>
					</div>
				</div>
				<div class="col-xs-9 w3_two_grid_right_gridr">
					<h4>Business Management</h4>
					<p>Suspendisse bibendum ex sit amet tellus finibus ultrices.</p>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="w3_two_grid_right1">
				<div class="col-xs-3 w3_two_grid_right_grid">
					<div class="w3_two_grid_right_grid1">
						<i class="fa fa-trophy" aria-hidden="true"></i>
					</div>
				</div>
				<div class="col-xs-9 w3_two_grid_right_gridr">
					<h4>Awesome Results</h4>
					<p>Suspendisse bibendum ex sit amet tellus finibus ultrices.</p>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<div class="clearfix"> </div>
	</div>
<!-- //two-grids -->
<!-- news -->
	<div class="news">
		<div class="container">
			<h3 class="agile_head">Latest News</h3>
			<p class="w3_agile_para">Suspendisse bibendum ex sit amet tellus finibus</p>
			<div class="agileits_w3layouts_news_grids">
				<ul id="flexiselDemo1">
					<li>
						<div class="agileits_w3layouts_news_grid">
							<div class="w3_agileits_news_grid">
								<img src="images/3.jpg" alt=" " class="img-responsive" />
								<div class="w3_agileits_news_grid_pos">
									<h4>Date : 15 November 2016</h4>
								</div>
							</div>
							<h5><a href="#" data-toggle="modal" data-target="#myModal">bibendum ex sit amet</a></h5>
							<p>Nunc sodales augue in felis facilisis consectetur.</p>
						</div>
					</li>
					<li>
						<div class="agileits_w3layouts_news_grid">
							<div class="w3_agileits_news_grid">
								<img src="images/4.jpg" alt=" " class="img-responsive" />
								<div class="w3_agileits_news_grid_pos">
									<h4>Date : 18 November 2016</h4>
								</div>
							</div>
							<h5><a href="#" data-toggle="modal" data-target="#myModal">augue in felis facili</a></h5>
							<p>Nunc sodales augue in felis facilisis consectetur.</p>
						</div>
					</li>
					<li>
						<div class="agileits_w3layouts_news_grid">
							<div class="w3_agileits_news_grid">
								<img src="images/5.jpg" alt=" " class="img-responsive" />
								<div class="w3_agileits_news_grid_pos">
									<h4>Date : 23 November 2016</h4>
								</div>
							</div>
							<h5><a href="#" data-toggle="modal" data-target="#myModal">facilisis consecte</a></h5>
							<p>Nunc sodales augue in felis facilisis consectetur.</p>
						</div>
					</li>
					<li>
						<div class="agileits_w3layouts_news_grid">
							<div class="w3_agileits_news_grid">
								<img src="images/6.jpg" alt=" " class="img-responsive" />
								<div class="w3_agileits_news_grid_pos">
									<h4>Date : 28 November 2016</h4>
								</div>
							</div>
							<h5><a href="#" data-toggle="modal" data-target="#myModal">sodales augue felis</a></h5>
							<p>Nunc sodales augue in felis facilisis consectetur.</p>
						</div>
					</li>
					<li>
						<div class="agileits_w3layouts_news_grid">
							<div class="w3_agileits_news_grid">
								<img src="images/1.jpg" alt=" " class="img-responsive" />
								<div class="w3_agileits_news_grid_pos">
									<h4>Date : 30 November 2016</h4>
								</div>
							</div>
							<h5><a href="#" data-toggle="modal" data-target="#myModal">augue in felis felis</a></h5>
							<p>Nunc sodales augue in felis facilisis consectetur.</p>
						</div>
					</li>
				</ul>
				<script type="text/javascript">
						$(window).load(function() {
							$("#flexiselDemo1").flexisel({
								visibleItems: 4,
								animationSpeed: 1000,
								autoPlay: true,
								autoPlaySpeed: 3000,
								pauseOnHover: true,
								enableResponsiveBreakpoints: true,
								responsiveBreakpoints: {
									portrait: {
										changePoint:480,
										visibleItems: 1
									},
									landscape: {
										changePoint:640,
										visibleItems:2
									},
									tablet: {
										changePoint:768,
										visibleItems: 3
									}
								}
							});

						});
				</script>
				<script type="text/javascript" src="js/jquery.flexisel.js"></script>
			</div>
		</div>
	</div>
<!-- //news -->
<!-- stats -->
	<div class="stats">
		<div class="wthree_stat">
			<div class="container">
				<div class="col-md-5 wthree_stat_left">
					<h3>Our Stats</h3>
					<p>Nullam blandit condimentum tellus, eu sagittis leo pellentesque nec.
						Integer semper risus commodo neque semper.</p>
				</div>
				<div class="col-md-7 wthree_stat_right">
					<ul>
						<li>
							<div class="wthree_stat_right1">
								<i class="fa fa-heart" aria-hidden="true"></i>
								<h4>People Loved</h4>
								<p class="counter">324</p>
							</div>
						</li>
						<li>
							<div class="wthree_stat_right1">
								<i class="glyphicon glyphicon-piggy-bank" aria-hidden="true"></i>
								<h4>Save Income</h4>
								<p class="counter">412</p>
							</div>
						</li>
						<li>
							<div class="wthree_stat_right1">
								<i class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></i>
								<h4>Creative Design</h4>
								<p class="counter">231</p>
							</div>
						</li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<div class="w3layouts_newsletter">
			<div class="container">
				<div class="w3layouts_newsletter_left">
					<h3>Subscribe to our newsletter</h3>
				</div>
				<div class="w3layouts_newsletter_right">
					<form action="#" method="post">
						<input type="email" name="Email" placeholder="Email..." required="">
						<input type="submit" value="Subscribe">
					</form>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
<!-- //stats -->
<!-- stats -->
	<script src="js/waypoints.min.js"></script>
	<script src="js/counterup.min.js"></script>
	<script>
		jQuery(document).ready(function( $ ) {
			$('.counter').counterUp({
				delay: 20,
				time: 1000
			});
		});
	</script>
<!-- stats -->
<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="w3_footer_grids">
				<div class="col-md-4 w3_footer_grid">
					<h2><a href="index.html"><span>L</span>ucrative</a></h2>
					<p>Aliquam lacus tur <a href="#">http:///lucrative.com</a> lobortis quis dolor sed,
						nec convallis velit vestibulum ac dignissim rhoncus neque.</p>
				</div>
				<div class="col-md-3 w3_footer_grid">
					<div class="w3l_footer_grid">
						<i class="fa fa-home" aria-hidden="true"></i>
					</div>
					<h4>Address</h4>
					<p>234 main street west Building, NewYork City,F34 834.</p>
				</div>
				<div class="col-md-2 w3_footer_grid">
					<div class="w3l_footer_grid">
						<i class="fa fa-phone" aria-hidden="true"></i>
					</div>
					<h4>Call Us</h4>
					<p>+(123) 456 789 344 <span>+(123) 456 780 344</span></p>
				</div>
				<div class="col-md-3 w3_footer_grid">
					<div class="w3l_footer_grid">
						<i class="fa fa-envelope" aria-hidden="true"></i>
					</div>
					<h4>Mail Us</h4>
					<p><a href="mailto:info@example.com">info@example1.com</a>
						<span><a href="mailto:info@example.com">info@example2.com</a></span></p>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<div class="copyright">
		<div class="container">
			<div class="w3ls_copyright_left">
				<ul>
					<li><a href="services.html">Services</a></li>
					<li><a href="about.html">About</a></li>
					<li><a href="portfolio.html">Portfolio</a></li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
				<p>© 2017 Lucrative. All Rights Reserved | Design by <a href="https://w3layouts.com/">W3layouts</a></p>
			</div>
			<div class="w3ls_copyright_right">
				<ul>
					<li><a href="#" class="w3_agile_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
					<li><a href="#" class="agile_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
					<li><a href="#" class="w3_agile_dribble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
					<li><a href="#" class="w3_agile_vimeo"><i class="fa fa-vimeo" aria-hidden="true"></i></a></li>
				</ul>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
<!-- //footer -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
<!-- for bootstrap working -->
	<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->
<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear'
				};
			*/

			$().UItoTop({ easingType: 'easeOutQuart' });

			});
	</script>
<!-- //here ends scrolling icon -->
</body>
</html>
